<html>
<head>
<style type="text/css">
#wrapper {
 background:green;
 width:1000px;
 height:800px;
 
}

#navigation {
 background:red;

 height:100px;
}
#content {
 background:yellow;

 height:700px;
}
#footer {
 background:black;
 height:100px;
}

#searchbtn {
   height: 30px;
   width:100px;    
   background: none repeat scroll 0 0 rgb(234, 122, 189);
}

#search-item{
	margin:10px,0px,10px,10px;
}

#search-item-input{
	height: 30px;
    width: 250px;
	font-size: 20px;
}
#item-table{
 width: 100%;
 border: 2px solid;
 float: left;
text-align: center;
}
#item-table thead{
 background: none repeat scroll 0 0 gray;
 width: 100%;
 border: 2px solid;

}

#item-table th {

}
#item-list{
  width: 850px;;
}
#order-summary{
 width:150px;
 height:600px;
 float: right;
 background: none repeat scroll 0 0 pink;
}
.wtlabel{
	background: none repeat scroll 0 0 white;
	font-weight: bold;
}
.emptycart{
background: none repeat scroll 0 0 white;
}
</style>

</head>
<body>
<div id="wrapper">

<div id="navigation">


</div>
<div id="content">

	<div id="search-item">
		<label>Search Product by name or SKU</label>
		<input type="text"  id="search-item-input"/>
		<input type="button" id="searchbtn" value="search"/>
	</div>
	<div id="item-list">
	
	<table id="item-table">
		<thead>	
			<tr>
				<th>Name</th>
				<th>Price</th>
				<th>Qty</th>				
				<th>Discount</th>
				<th>Total</th>
			</tr>	
		</thead>
		<tbody>
			<tr class="emptycart">
				<td colspan="5">No Item added</td>
			</tr>
			<tr class="cartitem">
				<td>ACC</td><td >Rs.200</td><td >130</td><td >No Item added</td><td >No Item added</td>
			</tr>
			<tr class="emptycart">
				<td >TATA</td><td >Rs.200</td><td >50</td><td >No Item added</td><td >No Item added</td>
			</tr>
			<tr class="emptycart">
				<td >TATA</td><td >Rs.200</td><td >10</td><td >No Item added</td><td >No Item added</td>
			</tr>
			<tr class="emptycart">
				<td >TATA</td><td >Rs.200</td><td >45</td><td >No Item added</td><td >No Item added</td>
			</tr>
		</tbody>
	</table>
	</div>
	<div id="order-summary" class="wtlabel">
		<div><span>Net Total</span><span >Rs.10456.89</span></div>
		<div><span>Total Tax</span><span >Rs.0.00</span></div>
		<div><span>Total</span><span >Rs.10456.89</span></div>	
	</div>


</div>
<div id="footer">


</div>


</div>
</body>
</html>